<template>
    <div>
        <el-row :gutter="10">
            <el-col :span="6" v-for="(item,index) in goods" :key="index" >
                <el-card>
                    <div>
                        <div class="image">
                            <el-image :src="item.productImage" class="img" fit="cover"></el-image>
                        </div>
                        <div class="new-text">
                            <p class="pro-info">{{item.productName}}</p>
                            <p class="pro-price">
                                <span class="pro-unit">¥</span>
                                <span class="num">{{item.salePrice}}</span>
                            </p>
                            <div class="">
                                <el-button type="button" class="button">加入购物车</el-button>
                            </div>
                        </div>
                    </div>
                </el-card>
            </el-col>
        </el-row>
    </div>
</template>

<script>
    export default {
        props:{
            goods:{
                type:Array
            }
        }
    }
</script>

<style scoped>

</style>